<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ES6语法</title>
</head>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button><br>
<h2>打开控制台看效果</h2>
<body>
<script>
    //获取所有的按钮
    const buts=  document.getElementsByTagName('button');
    //let 循环一圈后没没有循环都有自己的 i 第一圈 i一直等于 0 ，第二圈 i一直等于2,即使循环到第五圈 i 还是 等于 1 或 0.
    for (let i = 0; i <buts.length; i++) {
        console.dir('循环第'+i+'圈');
        //给按钮添加监听事件
        buts[i].addEventListener("click", function () {
            console.dir('I ='+i+'？？为什么循环完了i不是等于4呢？？？');
        })
    }
    const  a = 1;
    const  b = 2;
    const  c = 3;
    const obj ={
            //ES5写法
            // a:a,
            // b:b,
            // c:c
            //se6写法
            a,
            b,
            c
        }
  console.dir(obj);
</script>
</body>
</html>